<template>
  <view>
    <my-navbar :mTitle="mTitle"></my-navbar>
    <view style="margin: 40rpx 80rpx">
      <u-form :model="form" ref="uForm">
        <u-form-item>
          <wInput v-model="form.username" type="number" maxlength="11" placeholder="微信号" focus></wInput>
        </u-form-item>
        <u-form-item>
          <wInput v-model="form.password" type="password" placeholder="密码"></wInput>
        </u-form-item>
        <u-form-item>
          <wInput v-model="form.confirmPassword" type="password" placeholder="确认密码"></wInput>
        </u-form-item>
      </u-form>
      <view style="margin-top: 40rpx;">
        <u-button @click="submitRegistration" plain="false" type="info" shape="circle" hair-line="false">注册</u-button>
      </view>
      <view class="u-text-center u-line-1 u-font-14" style="margin-top: 20rpx;color: #24292E;">
        <text @click="goToLogin">已有账号，去登录</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      mTitle: '注 册',
      form: {
        username: '',
        password: '',
        confirmPassword: ''
      }
    }
  },
  methods: {
    submitRegistration() {
      // 在这里添加注册逻辑，比如验证密码是否匹配，发送请求到服务器等
      if (this.form.password !== this.form.confirmPassword) {
        console.error('密码不匹配')
        return
      }
      // 假设有一个API接口进行注册
      // this.$u.http.post('/api/register', this.form).then(response => {
      //   if (response.success) {
      //     console.log('注册成功')
      //     // 可以选择导航到登录页面或者首页
      //     this.$u.route('/pages/login/login')
      //   } else {
      //     console.error('注册失败:', response.message)
      //   }
      // })
      console.log('模拟注册成功')
      this.$u.route('/pages/login/login') // 示例，直接跳转到登录页面
    },
    goToLogin() {
      this.$u.route('/pages/login/login')
    }
  }
}
</script>

<style lang="scss">
/* 添加必要的样式 */
</style>
